import React, {useEffect} from 'react';
import {View,} from '@tarojs/components';


import styles from './index.module.scss';
import {Badge} from "@taroify/core";

const Index: React.FC<any> = ({icon, title, content}) => {

    useEffect(() => {
        load();
    }, []);

    const load = async () => {
    }


    return (
        <View className={styles.page}>
            {content &&
                <Badge content={content} className={styles.page_top}>
                    {icon}
                </Badge>}
            {!content && icon}
            <View className={styles.page_bottom}>
                {title}
            </View>

        </View>
    );
};

export default Index;
